@charset "UTF-8";
/* CSS Document */

/* Style Reset BEGIN */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	
	font-family:Arial, Helvetica, Georgia, Sans-serif;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}



/*Style Reset END 
*/
body{
	font-size: 12px;
	margin:0;
	padding:0;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	}

/*************horizontal menu******************/
.horizontal-menu li a {
	font-size: .8em;
	text-decoration:none;
	color:#999;
}
.horizontal-menu li a:active {}
.horizontal-menu li a:hover {text-decoration: underline; }
.horizontal-menu li a:visited {}


/**************header components*******************/
#header{
	position:relative;
	width:100%;
	min-width:800px;
	border-bottom:5px solid #993333;
	height: 50px;
	
	z-index: 9999;
	
}
#logoWrapper {
	float:left;
	width: 510px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 50px;
	z-index: 5;
	white-space: nowrap;
}
.logo {
	float:left;
	border: none;
	margin: 0px;
	padding: 12px 10px 0 10px;

}
.logoText {
	display:inline;
	float:left;
	margin-top: -2000px;
	}
.headerDescription {
	font-weight:normal;
	font-size: 16px;
	display:inline;
	float:left;
	color:#9d9fa1;
	border-left: 1px solid #9d9fa1;
	height: 26px;
	letter-spacing: 1px;
	padding: 5px 10px 0 10px;
	margin: 9px 0 0 0;
}
#util-nav-wrapper {
	position:absolute;
	right:0px;
	top: 0px;
	width: auto;
	text-align: right;
	margin: 0px;
	height: 50px;
	z-index: 10;
	padding: 0px;
	background-color: #FFF;
}
.userName {
	font-size: 12px;
	padding-left: 10px;
}
.company {
	color:#990000;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 0px;
}


/*******************utility navigation***************/
ul#util-nav {
	position:relative;
	background-color: #FFF;
	padding:5px 0 0 0;
	margin:0 10px 0 0;
	
}

ul#util-nav li {
	display:inline;
	list-style: none;
	text-align: right;
	line-height: 36px;
	margin: 0px;
	padding:0 10px 0 10px;
	border-right:1px solid #9d9fa1;
}
ul#util-nav li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9d9fa1;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
ul#util-nav li a.first {
	border-left: 0px;
	margin: 0px;
	padding: 0;
}

#util-nav li.userName {
	color:#000;
	font-size: 14px;
}
ul#util-nav li a.launchPad {
	background-image:url(../images/arrow_grey.png);
	background-repeat:no-repeat;
	background-position: 100% 60%;
	width: 150px;
	padding:0 20px 0 5px;
}
ul#util-nav li.lastLK {
	border: none;
}


ul#util-nav li a:hover {
	color: #900;
	text-decoration: underline;
}

/* Launch Pad Nav Begin */
ul#util-nav li .sub {
	position: absolute; /*--Important--*/
	top: 27px;
	left:15px;
	z-index: 99999;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border: 1px solid #EAEAEA;
	padding: 5px 0 0 5px;
	background-color: #FFF;
	margin: 10px 0 0 0;
	display: none;
}
ul#util-nav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#util-nav li .sub ul{
	list-style: none;
	margin: 0;
	width: auto;
	float: left;
	padding: 5px 15px 5px 5px;
}
ul#util-nav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
	text-align: left;
	display: block;
	white-space: nowrap;
	margin: 0px;
	padding: 0px;
	border: none;
	line-height: 24px;
}
ul#util-nav .sub ul li h2 { /*--Sub nav heading style--*/
	font-size: 14px;
	font-weight: normal;
	border-bottom:1px solid #000;
	white-space: nowrap;
	padding: 0px;
	margin:0 10px 0 0;
	color:#333 !important;
}
ul#util-nav .sub ul li h2 a { /*--Sub nav heading link style--*/
	background-image: none;
	color: #000;
}
ul#util-nav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto;
	display: block;
	text-decoration: none;
	width: auto;
	padding: 0 10px 0 10px;
	margin: 0;
	
	
}
ul#util-nav .sub ul li a:hover {
	color: #900;
	text-decoration: underline;
	background-color: #FFF;	
}


/**************** Horizontal App Nav *****************/
#appNavWrapper {
	width:100%;
	min-width:800px;
	background-color:#666;
	height: 30px;
	z-index: 50;
}

		
#nav ul li.appNavigator {
	width:150px;
}
 		#nav  li a.parentItem {
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position: 95% 57%;
	text-align: left;
}
	
#nav {
	padding:0;
	list-style:none;
	margin: 0;
		
	}	
#nav li {
	float:left;
	display:block;
	width:150PX;
	position:relative;
	z-index:500;
	text-align: center;
	border-right:1px solid #eaeaea;
	margin: 0;
	padding: 0;
		}
#nav li.firstLK {
	margin: 0 0 0 10px;
}

		
		/* this is the parent menu */
#nav li a {
	display:block;
	height:20px;
	text-decoration:none;
	color:#fff;
	font-size: 14px;
	padding: 5px 0 5px 10px;
	text-align: left;
}
 
#nav li a:hover {
	color:#fff;
	background-color: #993333;
}
	
		/* submenu */
#nav ul {
	position:absolute;
	left:0;
	display:none;
	padding:0px;
	list-style:none;
	margin: 0 0 0 -1px;
}
		
#nav ul li {
	float:left;
	border:1px solid #eaeaea;
	margin:0;
	padding-right: 0;
}
		
		/* display block will make the link fill the whole area of LI */
#nav ul a {
	display:block;
	height:15px;
	color:#FFF;
	padding: 8px 10px 8px 10px;
	background-color: #666;
	text-align: justify;
}
		
#nav ul a:hover {
	text-decoration:none;
	background-color: #993333;
}



/********************vertical navigation ***********/
.sidebar{
	
	background-color:#FFF;
	background-repeat: repeat-y;
	float:left;
	margin: 0 10px 0 0;
	padding-bottom:10px;
	border-right: 1px solid #999;

	height:100%;
	min-width:120px;
}

/* Vertical Nav Section */

ul.verticalNav li a {
	color: #333;
}
ul.verticalNav li a { text-decoration:none; font-size:0.8em;}
ul.verticalNav {list-style:none;}
ul.verticalNav li {
	padding:15px 0 15px 5px;
	border-bottom:1px solid #EAEAEA;
	border-left:5px solid #EAEAEA;
}
ul.verticalNav li:hover {
	border-left-color:#900;
}
ul.verticalNav li.navItemHighlight {
	border-left:5px solid#900;
	background-color:#EAEAEA;
}


/******************layout components******************/
#container{
	width: auto;
	min-width: 800px;
	min-height:400px;
	border: 1px solid #CCC;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 7px;
	padding: 10px;
	margin:15px 10px 15px 10px;
}

h1, h2, h3 {color:#000}

h1 {
	font-size:20px;
}

h2 {
	font-size:16px;
}

h3 {
	font-size:14px;
}


p {
	line-height:12px; 
	margin:1.2em;
	}
p ul {margin: 5px 0 5px 15px}


.bold {font-weight:bold;}
.clear {clear:both;}


.marginTop1em {margin-top:1em;}

/***********************table components******************/
table {margin-top: 1.8em;
	border:1px solid #999;
	margin:10px 0 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;}

th {padding:5px; 
	border-right-style:solid;
	border-right-width:1px;
	background-color: #CCC;}

td {padding:5px; 
	border-right-width: 1px;
	border-right-style: #CCC;}


table.tablesorter thead tr .header {
	background-image: url(../images/table_header_sort_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../images/table_header_sort_asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../images/table_header_sort_desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #993333; color:#eee;
}

.odd {background-color:#ffffff;}
.even {background-color:#eeeeee;}
tbody tr.selectedRow td{background-color:#addfff;}


/****************************** Controls Section ******/
.controlBarVert {width:20px; display:inline-block; margin:5px;}
.controlBar {width:100%; padding:5px; background-color:#eeeeee; text-align:right;}
.actionPositive {border:2px solid #999; background-color:#093; padding: 5px; color:#FFC}
.actionPositive:hover {border:2px solid #FF6;}
.actionNegative {border:2px solid #999; background-color:#993300; padding: 2px 3px; color:#f5f5f5;}
.actionNegative:hover {border:2px solid #FF6;}
button {border:1px solid #333; background-color:#ccc; padding: 2px; color:#000;}
button:hover {border:1px solid #FF6;}
.button {border:1px solid #333; background-color:#ccc; padding: 2px; color:#000;}
.button:hover {border:1px solid #FF6;}
input {padding: 5px;}
span.requiredSymbol{color:#c00;}

/****************** Notification Messages ******************/
.noticeBox {font-weight: bold;
	padding: 5px;
 	border:1px solid;
	min-width:200px;
	width:400px;
	margin: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color: #000;
	}
.noticeBox h1 {font-size:1.2em; border-bottom:1px solid #eee; padding:5px; margin:0;}
.noticeBox ul {list-style:none; margin-left:10px;}

.noticeWarning {

	border-color: #fc0;
	background-color: #ffe;
}

.noticeOk {	
	border-color: #060;
	background-color: #efe;	
}

.noticeError {
	border-color:#c00;
	background-color: #fee;	
}

/*******************footer***************************/
#footer{
	width: 100%;
	border-top:5px solid #900;
	text-align:center;
	background-color:#FFF;
	margin: 10px auto;
	min-width:800px;
	clear:both;
}
#footer ul.horizontal-menu {
	width:48%;
	float:left;
	margin:10px 0 0 10px;
	text-align: left;
	display: block;
	padding: 0;
}
#footer ul.horizontal-menu li {
	display:inline;
	line-height: 24px;
}
#footer ul.horizontal-menu li a {
	border-left: 1px solid #9D9FA1;
	font-size:12px;
	padding: 0 10px 0 10px;
}
#footer ul.horizontal-menu li a.first {
	border-left: 0;
	margin: 0;
	padding:0 10 0 0;
}
#footer ul.horizontal-menu li a:hover {
	color:#9D9FA1;
	border-bottom:1px solid #9d9fa1;
}
.copyright {
	color:#9D9FA1;
	font-size:12px;
	float:right;
	text-align: right;
	margin-top: 15px;
	padding-right: 10px;
}




